/*聊天窗口，信息气泡样式*/
.ltcont{margin:0px 5px;padding:10px 0px}
.ltcont .dt{font-size:12px;color:#bbbbbb;margin-bottom:3px}
.qipaoface{border-radius:6px}
.qipao{}
.qipao img{cursor:pointer;}
.qipao a:link,.qipao a:visited{color:#1389D3;color:var(--main-color);TEXT-DECORATION:underline;}
.qipao a:hover{color:red}
.qipao name{font-size:12px}
.qipao .qipaocont{
	padding:10px 10px;
	z-index:2;
	text-align:left;
	background:#ffffff;
	word-wrap:break-word;
	word-break:break-all;
	white-space:normal;
	table-layout:fixed;
	line-height:20px;
	border-radius:5px;
}
.qipao1:hover .qipaocont{box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}

.qipao .qipaoleft{  
     width:0px;  
    height:0px; 
	overflow:hidden;
	margin-top:5px;
	border-width:8px;
    border-style:solid;
    border-color:transparent #e5e5e5 transparent transparent;
	z-index:1;
}
.qipao .qipaocontleft{
	background:#e5e5e5;
	border:0px #e5e5e5 solid;
}


.qipao .qipaoright{   
    width:0px;  
    height:0px; 
	overflow:hidden;
	margin-top:5px;
	border-width:8px;
    border-style:solid;
	
    border-color:transparent transparent transparent #ffffff;
	z-index:1;
}

.qipao .qipaocontright{
	background:#ffffff;
	border:0px #ffffff solid
}

.qipao .qipaofile{
	
	width:44px;height:44px;background:#53B7ED;color:white;
	border-radius:5px;line-height:44px;text-align:center;overflow:hidden;margin-right:10px
}

.progresscls{height:12px;overflow:hidden;line-height:12px;border:0px #eeeeee solid; position:relative;;width:99%;background-color:#f1f1f1;margin-top:3px}
.progressclssse{background-color:#B0D6FC;height:12px;overflow:hidden;width:5%;position:absolute;z-index:0;left:0px;top:0px}
.progressclstext{font-size:10px;color:#0556A8;height:12px;overflow:hidden;line-height:12px;text-align:left;position:absolute;z-index:1;left:5px;top:0px}

.showblanks{padding:10px;color:#aaaaaa;font-size:12px;text-align:center}

/*首页里的*/
.lefticons{color:#ffffff;padding:10px 0px;position:relative;border-radius:5px;margin:15px 5px}
.lefticons:hover{background: rgba(0,0,0,0.05);}
.leftactive {background: rgba(0,0,0,0.1);}

.chatlist{padding:8px;cursor:pointer;margin:0px 5px}
.chatlist img{height:30px;width:30px;border-radius:5px}
.chatlist .name{height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;}
.chatlist .cont{color:#888888;font-size:12px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;}
.chatlist:hover,.chatlist:active{background:rgba(0,0,0,0.05);border-radius:5px}

.toolsliao{height:34px;overflow:hidden;border-top:#dddddd solid 1px;color:#aaaaaa;line-height:34px;}
.chattitbtn:hover{color:#1389D3;color:var(--main-color)}
.toolsspan{padding:2px 5px;cursor:pointer;margin-left:5px;color:#aaaaaa}
.toolsspan:hover{background-color:rgba(0,0,0,0.05);border-radius:5px;color:var(--main-color)}


.agenhclsdiv{display:inline-block}
.agenhcls{min-width:80px;text-align:center;cursor:pointer;float:left;padding:10px;margin-left:5px;position:relative}
.agenhcls img{height:34px;width:34px;border-radius:5px}
.agenhcls:hover{background-color:rgba(0,0,0,0.05);border-radius:5px}
.agenhcls span{position:absolute;right:1px;top:1px}